import VXETable from 'vxe-table'
import 'vxe-table/lib/style.css'
import { i18n, translate } from '@/i18n'
import VXETablePluginElement from 'vxe-table-plugin-element'
import VXETablePluginExportXLSX from 'vxe-table-plugin-export-xlsx'
import VXETablePluginExportPDF from 'vxe-table-plugin-export-pdf'
import 'vxe-table-plugin-element/dist/style.css'
import './utils/formats'

VXETable.use(VXETablePluginElement)
VXETable.use(VXETablePluginExportXLSX)
VXETable.use(VXETablePluginExportPDF)
// VXETable.interceptor.add('event.clearActived', (params, event) => {
//   // 比如点击了某个组件的弹出层面板之后，此时被激活单元格不应该被自动关闭，通过返回 false 可以阻止默认的行为。
//   if (event.target.className.indexOf('other-popper') > -1) {
//     return false
//   }
// })

const _t: any = i18n.global
VXETable.config({
  size: 'medium',
  authId: 'c1p8kwp2v7qhwydy', // Auth ID 在官网登录查看
  version: 0, // 版本号，对于某些带数据缓存的功能有用到，上升版本号可以用于重置数据
  zIndex: 1000, // 全局 zIndex 起始值，如果项目的的 z-index 样式值过大时就需要跟随设置更大，避免被遮挡
  // 对组件内置的提示语进行国际化翻译
  i18n: (key, args) => _t.t(key, args),
  // 可选，对参数中的列头、校验提示..等进行自动翻译（只对支持国际化的有效）
  translate: (key) => translate(key),
})
export function setupVXETable(app: any) {
  app.use(VXETable)
}
